<template>
    <section>
        <nut-searchbar>
            <template v-slot:leftin>
                <nut-icon size="14" name="search2"></nut-icon>
            </template>
        </nut-searchbar>
    </section>

    <section>
        <nut-cell-group v-if="store.state.videoCall.peerIds.length" title="在线联系人">
            <liaison-item v-for="peerId of store.state.videoCall.peerIds" :key="peerId" :name="peerId" :remote-peer-id="peerId">
            </liaison-item>
        </nut-cell-group>

        <nut-empty v-else description="没有在线的联系人哦"></nut-empty>
    </section>
</template>

<script setup>
import LiaisonItem from "@/components/LiaisonItem";
import { useStore } from "vuex";
const store = useStore();
</script>